.box-container { position: absolute; }

.box-top { width: 50%; height: 50%; background: url(/images/shadow.png) no-repeat left top; position: absolute; top: 0px; left: 0px; padding: 50px 0 0 50px; margin: -50px 0 0 -50px; }

.box-right { width: 50%; height: 50%; background: url(/images/shadow.png) no-repeat right top; position: absolute; top: 0px; left: 50%; padding: 50px 0 0 50px; margin: -50px -50px 0 0; }

.box-bottom { width: 50%; height: 50%; background: url(/images/shadow.png) no-repeat right bottom; position: absolute; top: 50%; left: 50%; padding: 0 50px 50px 0; margin: 0 -50px -50px 0; }

.box-left { width: 50%; height: 50%; background: url(/images/shadow.png) no-repeat left bottom; position: absolute; top: 50%; left: 0px; padding: 0 0 50px 50px; margin: 0 0 -50px -50px; }

.box-content { width: 360px; position: relative; }